<template>
  <el-config-provider>
    <router-view />
  </el-config-provider>
</template>

<script setup>
import { useStore } from 'vuex'
import { generateNewStyle, writeNewStyle } from '@/utils/theme'

const store = useStore()
generateNewStyle(store.getters.mainColor).then(newStyleText => {
  writeNewStyle(newStyleText)
})
document.body.removeChild(document.getElementById('m-toast'))
</script>

<style lang="scss">
body {
  background-color: #f1f1f1;
}

</style>
